<div class="el-rate" role="slider"> 
    <span *ngFor="let s of scores; let i = index" class="el-rate__item"
        [ngStyle]="{cursor: (disabled ? 'auto' : 'pointer')}" (mousemove)="hoverToggle($event, i)"
        (mouseleave)="hoverToggle($event, i, true)" (click)="selectValue(i)"> 
       
            <i class="el-rate__icon"
                [style]="makeIconStyles(i)" 
                [class]="makeIconClasses(i)" 
                [class.hover]="i" #rateIcon></i> 
      
    </span> 
    <span *ngIf="showText && !showScore" class="el-rate__text" [ngStyle]="{ color: textColor }"> {{ texts[model] }} </span> 
    <span *ngIf="!showText && showScore" class="el-rate__text" [ngStyle]="{ color: textColor }"> {{ model }}分 </span> 
</div>